<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>元创官网</title>
		<link rel="stylesheet" type="text/css" href="css/public.css" />
		<link rel="stylesheet" type="text/css" href="css/fonts.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<link rel="stylesheet" href="https://unpkg.com/swiper@9/swiper-bundle.min.css">
		<script type="text/javascript" src='https://code.jquery.com/jquery-3.6.0.min.js'></script>
		<script src="https://unpkg.com/swiper@9.4.1/swiper-bundle.min.js"></script>
	</head>
	<body>
		<div class="orico_Page_index">
			<!--公共头部-->
			<iframe align="center" width="100%" height="60" src="head.html" frameborder="no" border="0" marginwidth="0"
				marginheight="0" scrolling="no"></iframe>
			<!--首页主题内容 -->
			<div class="pageMain">
				<!-- banner-->
				<div class="swiper-container bannerswiper">
					<div class="swiper-wrapper">
						<div class="swiper-slide">
							<img src="indeximg/banner2.jpg" alt="图片1">
						</div>
						<div class="swiper-slide">
							<img src="indeximg/banner.jpg" alt="图片1">
						</div>
						<div class="swiper-slide">
							<img src="indeximg/banner3.jpg" alt="图片1">
						</div>
					</div>
					<!-- 如果需要分页器 -->
					<div class="swiper-pagination"></div>
					<!-- 如果需要导航按钮 -->
					<div class="swiper-button-prev"></div>
					<div class="swiper-button-next"></div>
				</div>
				<!--产品分类信息 -->
				<div class="catMain">
					<a class="catit">
						<img src="indeximg/s1.png" src="catIcoImg" />
						<span class="catName">Data Storage</span>
					</a>
					<a class="catit">
						<img src="indeximg/s2.png" src="catIcoImg" />
						<span class="catName">Smart Storage</span>
					</a>
					<a class="catit">
						<img src="indeximg/s3.png" src="catIcoImg" />
						<span class="catName">Lifestyle & Home</span>
					</a>
					<a class="catit">
						<img src="indeximg/s4.png" src="catIcoImg" />
						<span class="catName">Accessory</span>
					</a>
				</div>
				<!--特色专题及公司实力-->
				<div class="featuredtopicsMain">
					<div class="ftcontent">
						<a class="ftItme">
							<div class="ftItme_left">
								<p>Internal SSD</p>
								<div class="subtitle">
									<span>View all</span>
									<div class="tpicture"></div>
								</div>
							</div>
							<div class="ftItme_right">
								<img src="indeximg/2.jpg" />
							</div>
						</a>
						<a class="ftItme">
							<div class="ftItme_right">
								<img src="indeximg/2.jpg" />
							</div>
							<div class="ftItme_left">
								<p>Portable SSD</p>
								<div class="subtitle">
									<span>View all</span>
									<div class="tpicture"></div>
								</div>
							</div>
						</a>
						<a class="ftItme">
							<div class="ftItme_left">
								<p>Internal SSD</p>
								<div class="subtitle">
									<span>View all</span>
									<div class="tpicture"></div>
								</div>
							</div>
							<div class="ftItme_right">
								<img src="indeximg/2.jpg" />
							</div>
						</a>
					</div>
				</div>
				<!-- 特色产品-->
				<div class="featuredProducts">
					<p class="biaoti">Featured Products</p>
					<div class="swiper fpSwiper">
						<div class="swiper-wrapper">
							<div class="swiper-slide picture">
								<a class="primg">
									<img src="indeximg/9858RU3-800×800-1.jpg" />
								</a>
								<div class="fpptitle">ORICO 12 in 1 Thunderbolt 4 Docking Station</div>
								<div class="subtitle"></div>
								<a class="more">Learn More ></a>
							</div>
							<div class="swiper-slide picture">
								<a class="primg">
									<img src="indeximg/9858RU3-800×800-1.jpg" />
								</a>
								<div class="fpptitle">ORICO 12 in 1 Thunderbolt 4 Docking Station</div>
								<div class="subtitle"></div>
								<a class="more">Learn More ></a>
							</div>
							<div class="swiper-slide picture">
								<a class="primg">
									<img src="indeximg/9858RU3-800×800-1.jpg" />
								</a>
								<div class="fpptitle">ORICO 12 in 1 Thunderbolt 4 Docking Station</div>
								<div class="subtitle"></div>
								<a class="more">Learn More ></a>
							</div>
							<div class="swiper-slide picture">
								<a class="primg">
									<img src="indeximg/9858RU3-800×800-1.jpg" />
								</a>
								<div class="fpptitle">ORICO 12 in 1 Thunderbolt 4 Docking Station</div>
								<div class="subtitle"></div>
								<a class="more">Learn More ></a>
							</div>
							<div class="swiper-slide picture">
								<a class="primg">
									<img src="indeximg/9858RU3-800×800-1.jpg" />
								</a>
								<div class="fpptitle">ORICO 12 in 1 Thunderbolt 4 Docking Station</div>
								<div class="subtitle"></div>
								<a class="more">Learn More ></a>
							</div>
							<div class="swiper-slide picture">
								<a class="primg">
									<img src="indeximg/9858RU3-800×800-1.jpg" />
								</a>
								<div class="fpptitle">ORICO 12 in 1 Thunderbolt 4 Docking Station</div>
								<div class="subtitle"></div>
								<a class="more">Learn More ></a>
							</div>
							<div class="swiper-slide picture">
								<a class="primg">
									<img src="indeximg/9858RU3-800×800-1.jpg" />
								</a>
								<div class="fpptitle">ORICO 12 in 1 Thunderbolt 4 Docking Station</div>
								<div class="subtitle"></div>
								<a class="more">Learn More ></a>
							</div>
							<div class="swiper-slide picture">
								<a class="primg">
									<img src="indeximg/9858RU3-800×800-1.jpg" />
								</a>
								<div class="fpptitle">ORICO 12 in 1 Thunderbolt 4 Docking Station</div>
								<div class="subtitle"></div>
								<a class="more">Learn More ></a>
							</div>
							<div class="swiper-slide picture">
								<a class="primg">
									<img src="indeximg/9858RU3-800×800-1.jpg" />
								</a>
								<div class="fpptitle">ORICO 12 in 1 Thunderbolt 4 Docking Station</div>
								<div class="subtitle"></div>
								<a class="more">Learn More ></a>
							</div>
							<div class="swiper-slide picture">
								<a class="primg">
									<img src="indeximg/9858RU3-800×800-1.jpg" />
								</a>
								<div class="fpptitle">ORICO 12 in 1 Thunderbolt 4 Docking Station</div>
								<div class="subtitle"></div>
								<a class="more">Learn More ></a>
							</div>
							<div class="swiper-slide picture">
								<a class="primg">
									<img src="indeximg/9858RU3-800×800-1.jpg" />
								</a>
								<div class="fpptitle">ORICO 12 in 1 Thunderbolt 4 Docking Station</div>
								<div class="subtitle"></div>
								<a class="more">Learn More ></a>
							</div>
							<div class="swiper-slide picture">
								<a class="primg">
									<img src="indeximg/幻影-S40系列-800-1.jpg" />
								</a>
								<div class="fpptitle">ORICO 12 in 1 Thunderbolt 4 Docking Station</div>
								<div class="subtitle"></div>
								<a class="more">Learn More ></a>
							</div>
						</div>
						<div class="swiperasd">
							<div class="swiper-container1">
								<div class="slideshow-pag  swiper-pagination"></div>
							</div>
							<div class="swiper-container swi1">
								<img class="slideshow-btn  swiper-button-next" src="indeximg/rightcheck.png">
								<img class="slideshow-btn  swiper-button-prev" src="indeximg/lefta.png">
							</div>
						</div>
					</div>
				</div>
				<!--明星产品  / 热门产品-->
				<div class="hotProduct">
					<div class="hotvideo">
						<iframe src="" title="YouTube video player" style="height:50rem;z-index:9999; " frameborder="0"
							allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
							allowfullscreen id="videoElement"></iframe>
					</div>
					<img src="indeximg/PC-videoimg.jpg" class="hotImg" />
				</div>
				<!--场景介绍-->
				<div class="sceneIntroduction">
					<div class="sceneitem">
						<div class="sceneInfo">
							<p class="scenetitle"></p>
							<p class="subtitle"></p>
							<a class="sceneMore">Learn More ></a>
						</div>
						<div style="background-image: url(indeximg/3.jpg);" class="sceneimg"></div>
					</div>
					<div class="sceneitem">
						<div class="sceneInfo">
							<p class="scenetitle"></p>
							<p class="subtitle"></p>
							<a class="sceneMore">Learn More ></a>
						</div>
						<div style="background-image: url(indeximg/3.jpg);" class="sceneimg"></div>
					</div>
					<div class="sceneitem">
						<div class="sceneInfo">
							<p class="scenetitle"></p>
							<p class="subtitle"></p>
							<a class="sceneMore">Learn More ></a>
						</div>
						<div style="background-image: url(indeximg/3.jpg);" class="sceneimg"></div>
					</div>
					<div class="sceneitem">
						<div class="sceneInfo">
							<p class="scenetitle"></p>
							<p class="subtitle"></p>
							<a class="sceneMore">Learn More ></a>
						</div>
						<div style="background-image: url(indeximg/3.jpg);" class="sceneimg"></div>
					</div>
				</div>
				<!-- orico科技-->
				<div class="oricoTechnology">
					<p class="ottitle">ORICO Technology</p>
					<span class="otsbtitle">Designed to be just as easy to learn as iPhone.Chatting with friends.</span>
					<div class="beforeafter">
						<div id="after"></div>
						<div id="before"></div>
						<div class="drag-circle"></div>
					</div>
				</div>
				<!-- 品牌故事 -->
				<div class="brandStory">
					<div class="swiper brandStoryswiper">
						<div class="swiper-wrapper">
							<div class="swiper-slide bsitem">
								<div class="itmImg">
									<img src="indeximg/2022.jpg" class="bsImg" />
								</div>
								<div class="bsinf">
									<div class="bstitle">Establish Own Digital R&D</div>
									<div class="bssubtitle">We established a professional R & D team of nearly 100
										senior engineers, structural engineers, electronic engineers, etc. We maintain
										the R&D of new products every week.</div>
									<a class="bsmore">Learn More ></a>
								</div>
							</div>
							<div class="swiper-slide bsitem">
								<div class="itmImg">
									<img src="indeximg/2022.jpg" class="bsImg" />
								</div>
								<div class="bsinf">
									<div class="bstitle">Establish Own Digital R&D</div>
									<div class="bssubtitle">We established a professional R & D team of nearly 100
										senior engineers, structural engineers, electronic engineers, etc. We maintain
										the R&D of new products every week.</div>
									<a class="bsmore">Learn More ></a>
								</div>
							</div>
							<div class="swiper-slide bsitem">
								<div class="itmImg">
									<img src="indeximg/2022.jpg" class="bsImg" />
								</div>
								<div class="bsinf">
									<div class="bstitle">Establish Own Digital R&D</div>
									<div class="bssubtitle">We established a professional R & D team of nearly 100
										senior engineers, structural engineers, electronic engineers, etc. We maintain
										the R&D of new products every week.</div>
									<a class="bsmore">Learn More ></a>
								</div>
							</div>
						</div>
						<div class="swiperasd bs_swiperasd" id="timeline">
							<div class="bs_swcontainer">
								<div class="swiper-pagination bs_pagination"></div>
								<hr>
								<span class="time1">2021</span>
								<span class="time2">2022</span>
								<span class="time3">2023</span>
							</div>
							<div class="swiper-container bs_bts">
								<img class="slideshow-btn  swiper-button-next" src="indeximg/rightcheck.png" alt="" />
								<img class="slideshow-btn  swiper-button-prev " src="indeximg/lefta.png" alt="" />
							</div>
						</div>
					</div>
				</div>
				<!-- 数据统计-->
				<div class="oricoDataStatistics">
					<div class="odsmain">
						<div class="odsItem">
							<h1>200,000,000</h1>
							<h3>Transaction in 3 years</h3>
						</div>
						<div class="odsItem">
							<h1>20</h1>
							<h3>International Awards</h3>
						</div>
						<div class="odsItem">
							<h1>70</h1>
							<h3>Countries Sell Well</h3>
						</div>
					</div>
				</div>
				<!--宣传轮播-->
				<div class="oricoPub">
					<div class="swiper pubswiper">
						<div class="swiper-wrapper">
							<div class="swiper-slide  pubSwitem">
								<a class="pubimgdiv">
									<img src="indeximg/raid2.png" class="pubimg" />
								</a>
								<a class="pubinfo">
									<span>1ORICO DataMatrix Crowdfunding Will Kick off July 2 on Kickstarter, 1st
										Real-Time Hybrid Storage for Post-Production</span>
								</a>
							</div>
							<div class="swiper-slide  pubSwitem">
								<a class="pubimgdiv">
									<img src="indeximg/raid2.png" class="pubimg" />
								</a>
								<a class="pubinfo">
									<span>2ORICO DataMatrix Crowdfunding Will Kick off July 2 on Kickstarter, 1st
										Real-Time Hybrid Storage for Post-Production</span>
								</a>
							</div>
							<div class="swiper-slide  pubSwitem">
								<a class="pubimgdiv">
									<img src="indeximg/raid2.png" class="pubimg" />
								</a>
								<a class="pubinfo">
									<span>3ORICO DataMatrix Crowdfunding Will Kick off July 2 on Kickstarter, 1st
										Real-Time Hybrid Storage for Post-Production</span>
								</a>
							</div>
							<div class="swiper-slide  pubSwitem">
								<a class="pubimgdiv">
									<img src="indeximg/raid2.png" class="pubimg" />
								</a>
								<a class="pubinfo">
									<span>4ORICO DataMatrix Crowdfunding Will Kick off July 2 on Kickstarter, 1st
										Real-Time Hybrid Storage for Post-Production</span>
								</a>
							</div>
							<div class="swiper-slide  pubSwitem">
								<a class="pubimgdiv">
									<img src="indeximg/raid2.png" class="pubimg" />
								</a>
								<a class="pubinfo">
									<span>5ORICO DataMatrix Crowdfunding Will Kick off July 2 on Kickstarter, 1st
										Real-Time Hybrid Storage for Post-Production</span>
								</a>
							</div>
							<div class="swiper-slide  pubSwitem">
								<a class="pubimgdiv">
									<img src="indeximg/raid2.png" class="pubimg" />
								</a>
								<a class="pubinfo">
									<span>6ORICO DataMatrix Crowdfunding Will Kick off July 2 on Kickstarter, 1st
										Real-Time Hybrid Storage for Post-Production</span>
								</a>
							</div>
						</div>
						<div class="swiperasd pubswiperasd">
							<div class="swiper-container">
								<img class="slideshow-btn swiper-button-next" src="indeximg/rightcheck.png">
								<img class="slideshow-btn swiper-button-prev" src="indeximg/lefta.png">
							</div>
						</div>
					</div>
				</div>
				<!-- FAQ-->
				<div class="oricoFQA">
					<div class="fqaleft">
						<h1 class="title">FAQ</h1>
						<p class="dec">What are you most concerned about</p>
						<p class="sudec">Our customer support is available Manday to Friday 9am600pmAverage arswer time
							24h</p>
					</div>
					<div class="fqaright">
						<ul class="accordion">
							<li class="fqali">
								<div class="fqa-question">
									<h3>But one thing we usually ignore is the overheating phone </h3>
									<span class="xiala">+</span>
								</div>
								<div class="fqa-answer">
									<p> To avoid this, what you can do to stop your phone from overheating?<br> 1. Keep
										it out of the sun. <br> 2. Take off the case and keep your phone out of the
										pocket.<br> 3. Avoid power-intensive apps. (Like GPS or Bluetooth)<br> 4. Do not
										fast charge or wireless charge your phone. <br> If you want to cool the phone
										down, remember, to avoid water and the freezer. Phones don’t like rapid
										temperature changes and you may end up causing extra damage to your phone in the
										process.<br> But the fan is fine. It works more moderately compared to the
										freezer which is safer for the device itself. Or you could buy a phone cooler
										attached to the back.<br>
									</p>
								</div>
							</li>
							<li class="fqali">
								<div class="fqa-question">
									<h3>Why does the USB drive got broken and corrupted.</h3>
									<span class="xiala">+</span>
								</div>
								<div class="fqa-answer">
									<p> To avoid this, what you can do to stop your phone from overheating?<br> 1. Keep
										it out of the sun. <br> 2. Take off the case and keep your phone out of the
										pocket.<br> 3. Avoid power-intensive apps. (Like GPS or Bluetooth)<br> 4. Do not
										fast charge or wireless charge your phone. <br> If you want to cool the phone
										down, remember, to avoid water and the freezer. Phones don’t like rapid
										temperature changes and you may end up causing extra damage to your phone in the
										process.<br> But the fan is fine. It works more moderately compared to the
										freezer which is safer for the device itself. Or you could buy a phone cooler
										attached to the back.<br>
									</p>
								</div>
							</li>
							<li class="fqali">
								<div class="fqa-question">
									<h3 class="text-name">Why does the USB drive got broken and corrupted.</h3>
									<span class="xiala">+</span>
								</div>
								<div class="fqa-answer">
									<p> To avoid this, what you can do to stop your phone from overheating?<br> 1. Keep
										it out of the sun. <br> 2. Take off the case and keep your phone out of the
										pocket.<br> 3. Avoid power-intensive apps. (Like GPS or Bluetooth)<br> 4. Do not
										fast charge or wireless charge your phone. <br> If you want to cool the phone
										down, remember, to avoid water and the freezer. Phones don’t like rapid
										temperature changes and you may end up causing extra damage to your phone in the
										process.<br> But the fan is fine. It works more moderately compared to the
										freezer which is safer for the device itself. Or you could buy a phone cooler
										attached to the back.<br>
									</p>
								</div>
							</li>
							<li class="fqali">
								<div class="fqa-question">
									<h3 class="text-name">Why does the USB drive got broken and corrupted.</h3>
									<span class="xiala">+</span>
								</div>
								<div class="fqa-answer">
									<p> To avoid this, what you can do to stop your phone from overheating?<br> 1. Keep
										it out of the sun. <br> 2. Take off the case and keep your phone out of the
										pocket.<br> 3. Avoid power-intensive apps. (Like GPS or Bluetooth)<br> 4. Do not
										fast charge or wireless charge your phone. <br> If you want to cool the phone
										down, remember, to avoid water and the freezer. Phones don’t like rapid
										temperature changes and you may end up causing extra damage to your phone in the
										process.<br> But the fan is fine. It works more moderately compared to the
										freezer which is safer for the device itself. Or you could buy a phone cooler
										attached to the back.<br>
									</p>
								</div>
							</li>
							<li class="fqali">
								<div class="fqa-question">
									<h3 class="text-name">Why does the USB drive got broken and corrupted.</h3>
									<span class="xiala">+</span>
								</div>
								<div class="fqa-answer">
									<p> To avoid this, what you can do to stop your phone from overheating?<br> 1. Keep
										it out of the sun. <br> 2. Take off the case and keep your phone out of the
										pocket.<br> 3. Avoid power-intensive apps. (Like GPS or Bluetooth)<br> 4. Do not
										fast charge or wireless charge your phone. <br> If you want to cool the phone
										down, remember, to avoid water and the freezer. Phones don’t like rapid
										temperature changes and you may end up causing extra damage to your phone in the
										process.<br> But the fan is fine. It works more moderately compared to the
										freezer which is safer for the device itself. Or you could buy a phone cooler
										attached to the back.<br>
									</p>
								</div>
							</li>
							<li class="fqali">
								<div class="fqa-question">
									<h3 class="text-name">Why does the USB drive got broken and corrupted.</h3>
									<span class="xiala">+</span>
								</div>
								<div class="fqa-answer">
									<p> To avoid this, what you can do to stop your phone from overheating?<br> 1. Keep
										it out of the sun. <br> 2. Take off the case and keep your phone out of the
										pocket.<br> 3. Avoid power-intensive apps. (Like GPS or Bluetooth)<br> 4. Do not
										fast charge or wireless charge your phone. <br> If you want to cool the phone
										down, remember, to avoid water and the freezer. Phones don’t like rapid
										temperature changes and you may end up causing extra damage to your phone in the
										process.<br> But the fan is fine. It works more moderately compared to the
										freezer which is safer for the device itself. Or you could buy a phone cooler
										attached to the back.<br>
									</p>
								</div>
							</li>
						</ul>
					</div>
				</div>
				<!-- 底部固定提示 -->
				<div class="oricofixd-info">
					<div class="ofiinfo">We use cookies to ensure you get the best experience on our website. By
						continuing to browse, you agree to our use of cookies.</div>
					<div class="ofibt"><button>OK,got it!</button></div>
					<div class="oficlose"><span class="close-btn">×</span></div>
				</div>
			</div>
			<!--公共底部 -->
			<iframe align="center" width="100%" height="700" src="footer.html" frameborder="no" border="0"
				marginwidth="0" marginheight="0" scrolling="no"></iframe>
		</div>
	</body>
	<script>
		$(document).ready(function() {
			let isDragging = false;
			let startX;
			let initialLeft;
			$('.drag-circle').mousedown(function(e) {
				isDragging = true;
				startX = e.pageX;
				initialLeft = $('.drag-circle').position().left;
			});
			$(document).mousemove(function(e) {
				if (isDragging) {
					const currentX = e.pageX;
					const diffX = currentX - startX;
					let newLeft = initialLeft + diffX;
					const containerWidth = $('.beforeafter').width();
					newLeft = Math.max(20, Math.min(containerWidth - 20, newLeft));
					$('.drag-circle').css('left', newLeft);
					$('#before').width(newLeft);
				}
			});
			$(document).mouseup(function() {
				isDragging = false;
			});
			// 底部关闭
			$(".oficlose").on("click", function() {
				$(".oricofixd-info").hide();
			});
		});
		$(function() {
			// banner轮播
			var mySwiper = new Swiper('.bannerswiper', {
				// 配置选项
				loop: true,
				autoplay: {
					delay: 3000,
				},
				pagination: {
					el: '.swiper-pagination',
				},
				navigation: {
					nextEl: '.swiper-button-next',
					prevEl: '.swiper-button-prev',
				},
			});
			var fpSwiper = new Swiper(".fpSwiper", {
				slidesPerView: 3,
				spaceBetween: 30,
				slidesPerGroup: 1,
				loop: true,
				autoplay: {
					delay: 5000,
					pauseOnMouseEnter: true,
					disableOnInteraction: false,
				},
				slidesPerView: "auto",
				centeredSlides: true,
				loopFillGroupWithBlank: true,
				loopAdditionalSlides: 3,
				pagination: {
					el: ".swiper-pagination",
					type: "progressbar",
				},
				navigation: {
					nextEl: ".swiper-button-next",
					prevEl: ".swiper-button-prev",
				},
			});
			//品牌故事轮播
			var brandStoryswiper = new Swiper(".brandStoryswiper", {
				pagination: {
					el: ".swiper-pagination",
				},
				navigation: {
					nextEl: ".swiper-button-next",
					prevEl: ".swiper-button-prev",
				},
			});
			// 宣传banner
			var pubswiper = new Swiper(".pubswiper", {
				loop: true,
				autoplay: {
					delay: 5000,
					pauseOnMouseEnter: true,
					disableOnInteraction: false,
				},
				//slidesPerView: 1,
				slidesPerView: "auto",
				centeredSlides: true,
				spaceBetween: 32,
				pagination: {
					el: ".swiper-pagination",
					click: true
				},
				navigation: {
					nextEl: ".swiper-button-next",
					prevEl: ".swiper-button-prev",
				},
			});
			// FAQ问答展开收起
			$(".fqali").on('click', function() {
				if ($(this).children("div.fqa-answer").is(':visible')) {
					$(".fqali").removeClass('active');
					$(".fqa-answer").hide();
					$(".text-name").addClass('text-hidden');
					$(".xiala").text('+');
				} else {
					$(".fqali").removeClass('active');
					$(".fqa-answer").hide();
					$(".text-name").addClass('text-hidden')
					$(".xiala").text('+');
					$(this).addClass('active');
					$(this).children('div.fqa-answer').show();
					$(this).children('div.fqa-question').find('span').text('-');
					$(this).children('div.fqa-question').find('h3').removeClass('text-hidden');
				}
			})
			// 关于热门产品
			// 首先隐藏视频元素和加载中的图片  要放开注释
			$("#hotvideo").hide();
			// 监听视频的加载事件
			// setTimeout(function() {
			// 	$("#hotvideo").on("load", function() {
			// 		// 视频加载完成时，显示视频元素，隐藏加载中的图片
			// 		$("#hotvideo").show();
			// 		$("#hotImg").hide();
			// 	});
			// }, 1000);
			// // 监听视频的加载失败事件
			// setTimeout(function() {
			// 	$("#hotvideo").on("error", function() {
			// 		// 视频加载失败时，显示加载中的图片，隐藏视频元素
			// 		$("#hotImg").show();
			// 		$("#videoElement").hide();
			// 	});
			// }, 1500);
		});
	</script>
</html>